<!-- <div class="page-title">
    <h3 class="title">当前位置：下属管理 &gt; 下属详情</h3>
</div> -->
<style type="text/css">
    .panel{padding: 20px!important;}
    .portlet{box-shadow: none;}
</style>
<div class="page-title q-tit-change"> 
    <a href="/subordinate/index">下属管理</a> > 下属详情 
</div>
<div class="panel panel-default">
    <div class="row">
        <div class="col-lg-3 col-sm-3">
            <div class="q_index_showstatus bg00aeae">
                <div class="overflow ">
                    <div class="fl">转化率</div>
                    <!-- <div class="fr">上升了8.0%</div> -->
                </div>
                <div class="m-0 " style="text-align: center;"><span class="countercount change counter">0</span>%</div>
            </div>
        </div>
        <div class="col-lg-3 col-sm-3">
            <div class="q_index_showstatus bg338ee3">
                <div class="overflow ">
                    <div class="fl">订单量</div>
                </div>
                <div class="m-0 counter countercount order">0</div>
            </div>
        </div>
        <div class="col-lg-3 col-sm-3">
            <div class="q_index_showstatus bg717cb6">
                <div class="overflow ">
                    <div class="fl">浏览次数</div>
                    <!-- <div class="fr">上升了8.0%</div> -->
                </div>
                <div class="m-0 counter countercount view">0</div>
            </div>
        </div>
        <div class="col-lg-3 col-sm-3">
            <div class="q_index_showstatus bg338ee3">
                <div class="overflow ">
                    <div class="fl">销售量</div>
                </div>
                <div class="m-0 counter countercount shell">0</div>
            </div>
        </div>
    </div>
    <div class="row" style="padding: 20px 10px;" >
        <div class="portlet ">
            <div class="portlet-heading">
                <h3 class="portlet-title text-dark">
                   近一年绩效
                </h3>
                <div class="portlet-widgets">
                    <a href="javascript:;" data-toggle="reload"><i class="ion-refresh"></i></a>
                    <span class="divider"></span>
                    <a data-toggle="collapse" data-parent="#accordion1" href="#bg-default"><i class="ion-minus-round"></i></a>
                    <span class="divider"></span>
                    <a href="#" data-toggle="remove"><i class="ion-close-round"></i></a>
                </div>
                <div class="clearfix"></div>
            </div>
            <div id="bg-default" class="panel-collapse collapse in">
                <div class="portlet-body">
                    <div id="echart2" style="height: 300px;"></div>
                </div>
            </div>
        </div>

    </div>
</div>
<script src="/modules/js/waypoints.min.js" type="text/javascript"></script>
<script src="/modules/js/jquery.counterup.min.js" type="text/javascript"></script>
<script src="/modules/js/echarts/echarts.common.min.js"></script>
<script src="/modules/js/echarts/customed.js"></script>
<script type="text/javascript">
    seajs.use('subordinate/detail');
</script>